
<template>

<router-view  v-slot="{ Component, route }">
  <!-- 使用任何自定义过渡和回退到 `fade` -->
  <transition :name="route.meta.transition || 'fade'">
    <component :is="Component" />
  </transition>
</router-view>
</template>

 
<script>
export default {
  data(){
    return {
      isLogin:false
    }
  },
  created(){
    // checkLocalStorage-token
  }
}
</script>


<style>
body{
  margin:0;
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin:0;
}

.el-drawer__body {
    overflow: auto;
    /* overflow-x: auto; */
}

::-webkit-scrollbar
{
border-radius: 10px;
width: 7px;
height: 30px;
background-color: #59b0c8;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #2d2d2d;
}

/*定义滑块 内阴影+圆角*/
 ::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #59b0c8;;
}
</style>
